<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>Title</title>
</head>

<body>
    <div id="app">
        <!-- 使用html-withimg-loader处理html中的图片 -->
        <!-- <img src="src/img/logo.jpg" alt="" /> -->
    </div>
    <script>
        // 1.loader是什么
        // webpack 处理js/css/图片
        // loader让webpack能够去处理那些非JS文件的模块

        // babel
        // 2.babel-loader,兼容性
        // plugins:范围更广的处理

        // 使用file-loader处理CSS文件中的图片
        // 如果是外部资源,是不需要考虑webpack的,只有本地的图片才需要被webpack处理
    </script>
</body>

</html>